.gp_home{
  //abouts页面
  .about{
    .about_top{
      position: relative;
      padding: 82px 35px 0 133px;
      height: 310px;
      background: url('/static/indexImg/about_bg@2x.png');
      background-size: 100% 100%;
      img {
        position: absolute;
        right: 35px;
        bottom: 0;
        width: 200px;
        height: 200px;
      }
      .about_top_tit{
        font-size: 36px;
        line-height: 70px;
        & span:nth-child(1){
          display: block;
          color: #178AC5;
          font-weight: 700;
        }
        & span:nth-child(2){
          color: #fff;
        }
      }
    }
    .about_con{
      padding: 40px 20px;
      margin: 0 28px;
      line-height: 48px;
      font-size: 28px;
      box-shadow: 0px 0px 16px 0px rgba(187, 187, 187, 0.41);
      border-radius: 10px;
      .about_more{
        position: relative;
        left: 350px;
        bottom: 0;
        width: 360px;
        color: #187DE7;
        img {
          margin-left: 20px;
          width: 50px;
        }
      }
    }
  }
  // nav栏
  .home_nav_list{
    padding-top: 40px;
    position: relative;
    height: 130px;
    .home_nav_item{
      position: absolute;
      left: 40px;
      display: flex;
      padding: 12px 0 0 34px;
      width: 260px;
      height: 64px;
      border-radius: 32px;
      color: #187DE7;
      background: #fff;
      border: 1px solid #187DE7;
      .home_nav_item_img{
        width: 40px;
        height: 44px;
      }
      .home_nav_fr{
        text-align: center;
        line-height: 24px;
        h2 {
          font-size: 26px;
        }
        span{
          font-size: 10px;
        }
      }
    }
    & .home_nav_item:nth-child(2){
      left: 200px;
      z-index: 2;
    }
    & .home_nav_item:nth-child(3){
      left: 330px;
      z-index: 1;
    }
    & .home_nav_item:nth-child(4){
       left: 460px;
    }
  }
  // 经典案例
  .home_case{
    height: 1200px;
    .case_top{
      padding-right: 28px;
      height: 99px;
      line-height: 99px;
      font-size: 16PX;
      font-weight: 700;
      background: #f1f4fa;
      .case_top_img {
        margin: 0 28px;
        width: 5px;
        height: 37px;
        vertical-align: middle;
      }
    }

    .case_nav{
      padding: 0 30px;
      display: flex;
      height: 87px;
      font-size: 26px;
      line-height: 87px;
      border-bottom: 1px solid #f1f4fa;
      .wrapper{
        width: 600px;
        .case_list{
          flex: 1;
          .case_nav_item{
            margin-left: 16px;
            float: left;
          }
        }
      }

      .case_nav_more{
        width: 94px;
        text-align: center;
        color: #187DE7;
        background: #fff;
        z-index: 8;
        border-left: 1px solid #eee;
      }
    }
    .case_detail{
      position: relative;
      height: 920px;
      padding: 36px;
      font-size: 28px;
      color: #666;
      .case_detail_tit{
        margin-bottom: 22px;
        text-align: center;
      }
      .case_detail_in{
        line-height: 44px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
      }
      .case_detail_fo{
        margin: 200px auto 0 auto;
        width: 621px;
        height: 226px;
        background: linear-gradient(117deg, #47D9BD, #2EB8D4);
        border-radius: 10px;
      }
      .case_detail_img{
        position: absolute;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%,50%);
        width: 236px;
        height: 440px;
      }
      .case_detail_but{
        padding-left: 30px;
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%);
        width: 280px;
        height: 66px;
        line-height: 66px;
        font-size: 24px;
        background: url("/static/indexImg/service_button@2x.png");
        background-size: 100% 100%;
        .case_link{
          text-decoration: none;
          color: #fff;
        }
      }
    }
  }
  // 新闻
  .home_news{
    margin-bottom: 40px;
    //height: 840px;
    .news_top{
      padding-right: 28px;
      height: 99px;
      line-height: 99px;
      font-size: 34px;
      font-weight: 700;
      background: #f1f4fa;
      .news_top_img{
        margin: 0 28px;
        width: 5px;
        height: 37px;
        vertical-align: middle;
      }
      & span:last-child{
        color: #999;
        font-size: 30px;
        font-weight: 400;
      }
    }
    .news_list{
      padding: 0 28px;
      .news_item{
        display: flex;
        padding: 28px;
        //height: 210px;
        border-bottom: 1px solid #F4F5F8;
        .item_fl{
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          margin-right: 44px;
          width: 450px;
          font-size: 28px;
          .item_fl_tit{
            line-height: 32px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
          .item_fl_time{
            display: flex;
            justify-content: space-between;
            color: #999;
            font-size: 24px;
          }
        }
        .item_fr_img{
          width: 204px;
          height: 149px;
        }
      }
    }
  }
  // 合作伙伴
  .partner{
    height: 850px;
    .partner_top{
      padding-top: 33px ;
      font-size: 36px;
      color: #fff;
      text-align: center;
      height: 199px;
      background: url("/static/indexImg/cooperation_bg@2x.png");
      background-size: 100% 100%;
    }
    .partner_con{
      padding: 56px 0 0 70px;
      position: relative;
      top: -80px;
      margin: 0 28px;
      height: 430px;
      border: 1px solid #FFFFFF;
      background: #fff;
      box-shadow: 0px 0px 46px 0px rgba(49, 49, 49, 0.11);
      border-radius: 10px;
      .partner_con_img{
        margin: 0 70px 40px 0;
        width: 210px;
        height: 43px;
      }
    }
    .partner_foo{
      display: flex;
      justify-content: space-around;
      .partner_foo_item{
        width: 133px;
        height: 152px;
        img {
          width: 100%;
        }
      }
    }
  }
  // 产品服务
  .product{
    margin: 30px 0;
    .pro_tit{
      height: 90px;
      line-height: 90px;
      font-size: 16PX;
      font-weight: 700;
      background: #f1f4fa;
      .pro_tit_img{
        margin: 0 29px;
        width: 5px;
        height: 37px;
      }
    }
    .pro_con{
      padding: 38px 29px;
      //height: 440px;
      .pro_con_item{
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        text-align: center;
        width: 49%;
        height: 212px;
        font-size: 32px;
        color: #fff;
        img {
          margin: 0 auto 24px auto;
          width: 90px;
          height: 90px;
        }
      }
      & .pro_con_item:nth-child(2){
        margin-right: 4px;
      }
      & .pro_con_item:nth-child(3),
      .pro_con_item:nth-child(4),
      .pro_con_item:nth-child(5){
        margin-top: 4px;
        width: 32.5%;
        font-size: 24px;
        height: 180px;
        img {
          width: 66px;
          height: 66px;
        }
      }
      & .pro_con_item:nth-child(4){
        margin: 4px 4px 0 4px;
      }
    }
  }
  // 服务流程
  .home_service{
    padding: 48px 60px;
    background: url("/static/indexImg/service_bg@2x.png");
    background-size: 100% 100%;
    .service_tit{
      font-size: 24px;
      color: #fff;
      h2 {
        margin-bottom: 60px;
        text-align: center;
        font-size: 40px;
      }
      p {
        line-height: 52px;
      }
    }
    .service_con{
      margin-top: 40px;
      height: 638px;
      .service_con_img{
        width: 100%;
        height: 100%;
      }
    }
  }
}
